<!DOCTYPE html>
<html>
<head>
  <title>تواصل الامارات العربية المتحدة</title>
  <%= stylesheet_link_tag    'application', media: 'all', 'data-turbolinks-track' => true %>
  <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
  <%= csrf_meta_tags %>
</head>
<body class="col-md-12">
  <div>
		<header>
			<div class="row logo-banner">	
				<div class="col-md-3">
				</div>
				<div class="col-md-5 social-media ">
				<div class="col-md-3"></div>
						<div class="social-media-icon">
							<a href = "http://www.rss.com"><img class="icon-link" src="<%= image_url 'RSS-icon.png' %>"></a>
						</div>
						<div class="social-media-icon" >
							<a href = "http://www.google.com"><img class="icon-link"src="<%= image_url 'google-icon.png' %>"></a>
						</div>
						<div class="social-media-icon" >
                                                  <a href = "http://www.youtube.com"><img class="icon-link"src="<%= image_url 'youtube-icon.png' %>"></a>
						</div>
						<div class="social-media-icon">
							<a href = "http://www.twitter.com"><img class="icon-link"src="<%= image_url 'twitter-icon.png' %>" ></a>
						</div>
						<div class="social-media-icon" >
							<a href = "http://www.facebook.com"><img class="icon-link"src="<%= image_url 'fb-icon.png' %>"> </a> 
						</div>
						<div class="inline-text dark-text">تابعونا</div>
				</div>

				<div class="col-md-4 logo">
					<div class="logopic">
					<a href = ""><img src="<%= image_url 'logo.png' %>"> </a> 	
					</div>
				</div>
			</div>  <!-- end of first row-->

			<!--//-----------Navigation menu---------//-->
			
			<div class="row">
				<div class="col-md-12 nav_menu">
					<div class="navigation">
						<div class="col-md-2"></div>
						<div class="separator"></div>
						<div class="nav_item nav-text">
							<a href = "">نتائج</a> 
						</div>
						<div class="separator"></div>
						<div class="nav_item nav-text">
						<a href = "">برزة</a>
						</div>
						<div class="separator"></div>
						<div class="nav_item nav-text">
						<a href = "">مبادرة</a>
						</div>
						<div class="separator"></div>
					</div>
				</div>
			</div>
		</header> <!--End of header -->
   <p class="notice"><%= notice %></p>
   <p class="alert"><%= alert %></p>

   <div class="row flowchart">
			<div class="col-md-1"></div>
			<div class="col-md-10 main_flowchart">
				<div class="flowchart_container">
					<div class="flowchart_component">
						<a href="javascript:void(0)" id="participate"><img class="flowchart_img" src="<%= image_url 'part.png' %>"/></a>
						<span class="flowchart_title">شارك</span>
						<span class="flowchart_brief"> فى نهضة البلد و تابع نتائج الاجتماعات والحلول المقدمه لتطبيق المبادرة</span>
					</div>
					<div class="flowchart_arrow">
						<img src="<%= image_url 'arrow.png' %>"/>
					</div>
					<div class="flowchart_component">
						<a href="javascript:void(0)" id="communicate"><img class="flowchart_img" src="<%= image_url 'comm.png' %>"/></a>
						<span class="flowchart_title">تواصل</span>
						<span class="flowchart_brief">أطرح وجهة نظرك فى الاجتماعات المعروضه و ساعد فى الوصول لافضل النتائج</span>
					</div>
					<div class="flowchart_arrow">
						<img src="<%= image_url 'arrow.png' %>"/>
					</div>
					<div class="flowchart_component">
						<a href="javascript:void(0)" id="express"><img class="flowchart_img" src="<%= image_url 'exp.png' %>"/></a>
						<span class="flowchart_title">عبـر</span>
						<span class="flowchart_brief">حتى يكون التعبير سمة من سمات التواصل بيننا و مفتاح النهوض ببلادنا</span>
					</div>
				</div>
			</div>		
			<div class="col-md-1"></div> 
		</div>
   
<%= yield %>
   
<!--//-----------Footer ---------//-->
		
		<footer class="col-md-12">
			<div class="row footer_wrapper ">
				<div class="col-md-12 wrap privacy-font"> سياسة الخصوصية - شروط الاستخدام - اخلاء المسئولية - ميثاق المتعاملين - حقوق النسخ</div>
			</div>
			<div class="row">
				<div class="col-md-12 wrap copyright-font"> .جميع الحقوق &copy; 2013-2012 حكومة الامارات الالكترونية جميع الحققو محفوظة</div>
			</div>
		</footer>

		
		
	</div>  <!--End of div container -->

</body>
</html>
